<%-- 
    Document   : index
    Created on : Nov 20, 2014, 9:45:50 AM
    Author     : thaidh
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Supportive Learning</title>
        <link href="css/indexstyles.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
        <div id="container">
            <div id="header">
                <ul class="menu">
                    <li class="btn_1"><a href="#">home</a></li>
                    <li class="line"></li>
                    <li class="btn_2"><a href="#">about</a></li>
                    <li class="line"></li>
                    <li class="btn_3"><a href="#">playlist</a></li>
                    <li class="line"></li>
                    <li class="btn_4"><a href="#">our team</a></li>
                    <li class="line"></li>
                    <li class="btn_5"><a href="#">contacts</a></li>
                </ul>
            </div>
            <div id="content">
                <div id="leftPan">                  
                    <div id="about">
                        <h2>CATEGORY</h2>     
                        <ul>
                            <li><a href="#">Account</a></li>
                            <li><a href="#">Class</a></li>
                            <li><a href="#">FAQ</a></li>
                            <li><a href="#">Assignment</a></li> 
                            <li><a href="#">Feedback</a></li>
                        </ul>
                    </div>
                </div>
                
                <div id="rightPan">
                    <div id="news">          
                        SFGSDERGFASFG
                        ÁGASGF
                        ÁDGFA
                        ÀG
                        ÁGF
                        Á
                        GFASD
                        FG
                    </div>
                    <div id="shows">
                     
                    </div>
                </div>
                <div class="clear" id="end"></div>
            </div>
            <div id="footer">
                <p><a href="#">HOME PAGE</a> | <a href="#">ABOUT</a> | <a href="#">CONTACT</a> | <a href="#">OUR TEAM</a> | <a href="#">CONTACTS</a><br/>
                    Copyright &copy;DANG HONG THAI | Design by <a href="#">Hong Thai</a></p>
            </div>
        </div>

    </body>

</html>
